@import "../_mixin";

.firendlist{
	background:#fff;
	li{
		margin-bottom:0.25rem;
	}
}

.searchinput{

	background:#fff;
	width:100%;
	height:1.25rem;
	z-index:99;
    box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);

	.input{
		width:70%;
		padding:0.0rem 0.25rem;

		input{
			height:0.9rem;
			background:#e0e0e0;
			width:100%;
			padding:0.25rem;
			border-radius:0.1rem;
			margin:0.15rem 0.0rem;
			@include fz(16px);
			border:none;
		}

	}
	button{
			height:0.9rem;
			background:#e0e0e0;
			width:90%;
			padding:0.12rem;
			border-radius:0.1rem;
			@include fz(16px);
			border:none;
			color:#fff;
			background:$primaryColor;
			margin:0.15rem 0.0rem;

	}
	.btn{

		width:15%;
		vertical-align:middle;
		i{
			@include fz(30px);
			color:$primaryColor;
			vertical-align:middle;
			display:block;
			text-align:center;
			height:100%;
			margin-top:0.125rem;
		}

	}
}


.firend-list{
	li{
		padding:0.25rem;
		position:relative;
		background:#fff;
		margin-bottom:0.25rem;
		.title{
			@include fz(20px);
			color:#666; 
		}
		b{
			float:right;
			font-weight:normal;
		}
		.reg{
			padding:0.3rem 0.0rem;
			color:$preColor;
		}
		em{
			color:$mainColor;
			@include fz(18px);
		}
	}
}

.firend-invite-list{
	li{
		padding:0.25rem;
		position:relative;
		background:#fff;
		margin-bottom:0.25rem;
		i{
			position:absolute;
			right:0.1rem;
			top:0.1rem;
			color:$preColor;
			@include fz(34px);
		}
		span{
			@include fz(20px);
		}
		strong{
			display:block;
			@include fz(14px);
			color:$preColor;
			padding:0.125rem 0.0rem;
			margin-bottom:0.25rem;
		}
		dd{
			position:relative;
			text-align:center;
			em{
				color:#666;
			}
			b{
				display:block;
				color:$mainColor;
				@include fz(15px);
				padding-bottom:0.1rem;
			}
			&:after{
				height: 0.6rem;
				background: #ddd;
				width: 0.025rem;
				right: -0.05rem;
				top: 50%;
				margin-top: -0.3rem;
				content: ' ';
				position: absolute;
			}
			&:last-child:after{
				content: '';
				background:none;
			}
		}
	}
}